<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <link rel="stylesheet" href="{{ STATIC_URL }}stylesheets/annotator.css" />

    {% for stylesheet in custom_stylesheets %}
    <link rel="stylesheet" href="{{STATIC_URL}}stylesheets/{{stylesheet}}" />
    {% endfor %}

    {% for script in custom_scripts %}
    <script type="{{script.type}}" src="{{STATIC_URL}}scripts/{{script.filename}}"></script>
    {% endfor %}

    <title>{% block title %}Image Annotation Service{% endblock %} </title>
</head>

<body>
    {% if logged_in %}
    <div id="login_status">
        <p>
            You are signed in as {{username}}. 
            <a href="/logout">logout</a>
        </p>
    </div>
    {% endif %}
    <div id="header">
        <h1><span class="first_letter">S</span>tandalone 
        <span class="first_letter">A</span>nnotation 
        <span class="first_letter">S</span>ervice</h1>
    </div>
    <div id="content">
        {% block content %}
        {% endblock %}
    </div>
</body>
</html>
